import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Button from '@/components/Button'
import Default from "@/components/Default.vue";
import Link from "@/components/Link.vue";
import Layout from "@/components/Layout.vue";
import Container from "@/components/Container.vue";
import Radio from "@/components/Radio.vue";
import CheckBox from "@/components/CheckBox.vue";
import Input from "@/components/Input.vue";
import Select from "@/components/Select.vue";
import SwitchS from "@/components/SwitchS.vue";
import DataPickers from "../components/DataPickers.vue";
import Uploads from "../components/Uploads.vue";
import Forms from "../components/Forms.vue";
import Messages from "../components/Messages.vue";
import Tables from "../components/Tables.vue";

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Default',
      component: Default
    },
    {
      path: '/hello',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/button',
      name: 'Button',
      component: Button
    },
    {
      path: '/link',
      name: 'Link',
      component: Link
    },
    {
      path: '/layout',
      name: 'Layout',
      component: Layout
    },
    {
      path: '/container',
      name: 'Container',
      component: Container
    },
    {
      path: '/radio',
      name: 'Radio',
      component: Radio
    },
    {
      path: '/checkbox',
      name: 'CheckBox',
      component: CheckBox
    },
    {
      path: '/input',
      name: 'Input',
      component: Input
    },
    {
      path: '/select',
      name: 'Select',
      component: Select
    },
    {
      path: '/switch',
      name: 'SwitchS',
      component: SwitchS
    },
    {
      path: '/dataPicker',
      name: 'DataPickers',
      component: DataPickers
    },
    {
      path: '/upload',
      name: 'Uploads',
      component: Uploads
    },
    {
      path: '/form',
      name: 'Forms',
      component: Forms
    },
    {
      path: '/message',
      name: 'Messages',
      component: Messages
    },
    {
      path: '/table',
      name: 'Tables',
      component: Tables
    },


  ]
})
